$hui1:#202425;
$hui2:#463f41;
$pink:#f62461;

.allbox{
    width: 100%;
    height: auto;
    background: white;
    header{
        background: rgba(0, 0, 0, 0.49);
        position: relative;
        top:0;
        left:0;
        z-index: 999;
        li{
            border:1px solid white;
        }
    }
    .banner{
        width: 100%;
        height: 5.04rem;
        overflow: hidden;
        background: black;
        margin-top: -0.8rem;
        .swiper-container{
            width: 100%;
            height: 5.04rem;
            font-size: 5rem;
            .swiper-slide{
                width: 100%;
                height: 5.04rem;
                img{
                    width:100%;
                    height: 5.04rem;
                }
            }
            .swiper-pagination{
                bottom:4.5rem;
                height: 0.5rem;
                .swiper-pagination-bullet{
                    transition: 0.3s all ease;
                    border-radius: 0;
                    width: 0.32rem;
                    height: 0.04rem;
                    background: #828080;
                    margin-left: 0.04rem;
                }
                .swiper-pagination-bullet-active{
                    background: white;
                }
            }
        }
    }
    
    .bookcover{
        width: 100%;
        position: relative;
        .word{
            width: 100%;
            overflow: hidden;
            left:0;
            top:0.46rem;
            position: absolute;
            p{
                text-align: center;
                line-height: 0.4rem;
                font-size: 0.24rem;
                color: white;
            }
        }
        img{
            width: 100%;
            height: auto;
        }

    }
    .introduce{
        width:100%;
            .introword{
                color: #787881;
                font-size: 0.2rem;
                line-height: 0.6rem;
                margin-bottom: 0.6rem;
                letter-spacing: 0.03rem;
                text-align: center;
                margin-bottom: 0.4rem;
            }
            .down{
               width: 1.8rem;
               height: 0.6rem;
               border:1px solid #f62461;
               border-radius: 0.08rem;
               margin: 0 auto; 
               font-size: 0.24rem;
               line-height: 0.6rem;
               text-align: center;
               margin-bottom: 0.6rem;
               a{
                   width: 100%;
                   height: 100%;
                   display: block;
                   color: #f62461;

               }
            }
            img{
                width: 4.96rem;
                height: auto;
                float: right;
                display: block;
            }
        
    }
    .welfare{
        width: 100%;
        overflow: hidden;
        .title{
            font-family: "SimSun";
            color: #202021;
            font-size: 0.32rem;
            text-align: center;
            font-weight: bold;
            margin: 0.84rem 0 0.4rem 0;
        }
        .Wword{
            text-align: center;
            font-size: 0.24rem;
            line-height: 0.4rem;
            letter-spacing: 0.02rem;
            color: #787881;
            margin-bottom: 0.6rem;
            .cmscenter{
                width: 1.6rem;
                height:0.6rem;
                border:1px solid #f62461;
                border-radius: 5px;
                color: #f62461;
                text-align: center;
                line-height: 0.6rem;
                font-size:0.24rem;
                margin: 0 auto;
                margin-top: 0.4rem;
                a{
                    width: 100%;
                    height: 100%;
                    display: block;
                    color: #f62461;
                }
            }
        }
        .rules{
            position: relative;
            margin-bottom: 0.8rem;
            img{
                width: 7.1rem;
                height: auto;
                display: block;
                margin: 0 auto;
            }
            .btn{
                width: 1.92rem;
                height: 0.6rem;
                background: white;
                position: absolute;
                left:50%;
                margin-left: -0.96rem;
                bottom:-0.1rem;
                color: #F62461;
                font-size: 0.24rem;
                line-height: 0.6rem;
                text-align: center;   
                box-shadow: 0 0 20px #BC5B84;
                border-radius: 0.36rem;             
            }
        }
    }
    .aboutCompany{
        width:100%;
        height: 4.1rem;
        background: url(../img/company_bg.png) no-repeat;
        background-position: 100% 100%;
        background-size: 100% 100%;
        overflow: hidden;
        color: white;
            text-align: center;
        .title{
            font-family: "SimSun";
            font-size: 0.32rem;
            font-weight: bold;
            margin: 0.4rem 0 ;
        }
        .con{
                font-size: 0.24rem;
                line-height: 0.4rem;
                p:nth-child(2){
                    margin-bottom: 0.5rem;
                }
        }
    }
    .allmsg{
        width: 100%;
        height: 9.3rem;
        position: relative;
        overflow: hidden;
        .edit{
            width:6.3rem;
            height: 5.6rem;
            overflow: hidden;
            border-radius: 0.2rem;
            box-shadow:0 0 10px #efefef;
            background: white;
            position: absolute;
            left:0.6rem;
            top:0.4rem;
            z-index:999;
                .person:first-child{
                    margin-top: 0.4rem;
                }
                .person{
                    display: flex;
                    margin-bottom: 0.6rem;
                    .pic{
                        width: 1.2rem;
                        height: 1.2rem;
                        border-radius: 50%;
                        overflow: hidden;
                        margin: 0 0.4rem 0 0.64rem;
                        img{
                            width: 1.2rem;
                            height: 1.2rem;
                        }
                    }
                    .personmsg{
                        font-size: 0.24rem;
                        line-height:0.34rem;
                        color: #787881;
    
                        p:first-child{
                            line-height:0.4rem;
                            font-size: 0.28rem;
                            color: #202021;
                        }
                    }
                   
            }
            
        }
        footer{
            width: 100%;
            height: 4.5rem;
            background: black;
            color: white;
            overflow: hidden;
            text-align: center;
            margin-top: 5.2rem;
            z-index: 222;
            .bottom{
                font-size:0.18rem;
                margin-top: 0.3rem;
                font-weight: 200;
                line-height: 0.32rem;
                margin-top: 1rem;
            }
        }
        .download{
            position: absolute;
            bottom:0;
            left:0;
            width:100%;
            height: 1.32rem;
            background: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left{
                display: flex;
                img{
                    width: 1.12rem;
                    height: 1.12rem;
                    display: block;
                    margin-left: 0.16rem;
                    margin-right: 0.12rem;
                }
                div{
                    color:#787881;
                    font-size: 0.22rem;
                    line-height: 0.32rem;
                    .tit{
                        color: black;
                        font-size: 0.28rem;
                        line-height:0.45rem;
                        margin-top: 0.15rem;
                    }
                }
            }
            .right{
                width: 1.6rem;
                height: 0.56rem;
                background:#E64363;
                text-align: center;
                line-height: 0.56rem;
                border-radius: 0.26rem;
                font-size: 0.24rem;
                margin-right: 0.24rem;
                a{
                    width: 100%;
                    height: 100%;
                    display: block;
                color: white;
                }
            }
        }
    }
    
}